{% extends "base.html" %}

{% block title %}图书借阅规则 - 图书管理系统{% endblock %}

{% block content %}
<div class="container mt-5">
    <div class="card shadow">
        <div class="card-header bg-primary text-white">
            <h3><i class="fas fa-book me-2"></i>图书借阅规则</h3>
        </div>
        <div class="card-body">
            <h4 class="mb-4">借阅期限与续借规则</h4>
            <ul class="list-group list-group-flush mb-4">
                <li class="list-group-item">普通图书借阅期限为30天</li>
                <li class="list-group-item">每位读者最多可借阅10本图书</li>
                <li class="list-group-item">每本书可续借1次，续借期限为15天</li>
            </ul>
            
            <h4 class="mb-4">读者权限说明</h4>
            <div class="table-responsive mb-4">
                <table class="table table-bordered">
                    <thead class="table-light">
                        <tr>
                            <th>读者类型</th>
                            <th>最大借阅量</th>
                            <th>借阅期限</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>普通读者</td>
                            <td>5本</td>
                            <td>30天</td>
                        </tr>
                        <tr>
                            <td>VIP读者</td>
                            <td>10本</td>
                            <td>45天</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            
            <h4 class="mb-4">逾期处理办法</h4>
            <div class="alert alert-warning">
                <i class="fas fa-exclamation-triangle me-2"></i>
                逾期归还图书将按每本每天0.5元收取滞纳金，累计逾期超过30天将暂停借阅权限。
            </div>
        </div>
        <div class="card-footer text-end">
            <a href="{{ url_for('annotate.index') }}" class="btn btn-primary">
                <i class="fas fa-arrow-left me-1"></i>返回公告列表
            </a>
        </div>
    </div>
</div>
{% endblock %}
